/* 
    Document   : hoverTables
    Created on : 23-mrt-2012, 10:22:51
    Author     : Meje
    Description:
        Used for tables that shows data of contacts/orders/products&parts/stock
*/

.table_div{ /* The table div in which the table is placed*/
    float: left;
    width: 99%; /* almost full screen */
    padding-bottom: 20px;
    margin: 0 0.5%; /* makes sure it's not sticked to the sides of the screen */
}
.table_div table{
    border-collapse: collapse; /* no spaces between table rows and data cells */
    table-layout: fixed; /* makes sure the width of a td doesn't change when the content of it is longer */
    width: 100%; /* full width */ 
}
.table_div table .table_hov{
    cusor:pointer; /* makes the mouse a pointer */
}
.table_div table .table_hov:hover{
    background: #b1e8e8; /* the hovered over information changes color */
}
.table_div table .head{
    background: #0174a8;
    font-size: 14px;
    color: white;
}
.table_div table .head_small{
    background: #0174a8;
    font-size: 14px;
    color:white;
}
.odd{
    background: #c8ffff;
}
.even{
    background: #ffffff;
}
.table_div table a{
    display: block; /* makes entire td clickable*/
    color: black;
}